<div class="kmi-list work-list column-selector" column-selector-id="work-list" kmi-scrollbar="1280px" style="height: 100%;">
    <div class="kmi-list__header">
        <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
        <!-- 20230911 modify by Alan for#136071 : 修正全選不易點選 -->
        <div class="kmi-list__column width-fixed require" style="flex:0 0 32px;">
            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemAllAction()">
                <img ng-show="select_all_bool == false" src="image/icons/check0.png" class="">
                <img ng-show="select_all_bool == true" src="image/icons/check1.png" class="ng-hide">
            </button>
        </div>
        <!--<div class="kmi-list__column require" style="flex:0 0 36px;"></div>-->
        <div class="kmi-list__column" style="flex:0 0 36px;" ng-bind="'A02.list.column19' | translate" ng-show="moreInfoList.length > 0"></div>
        <div class="kmi-list__column require head-controls" style="flex:0 0 110px;" ng-show="show_flag.op_no">
            <div class="filter" ng-show="dispatch_filterSH.op_no">
                <input ng-model="dispatch_filter.op_no" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.op_no = false;dispatch_filter.op_no = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.op_no">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_no = true">search</i>
                <label ng-bind="show_label.op_no"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'op_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('op_no')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.op_name">
            <div class="filter" ng-show="dispatch_filterSH.op_name">
                <input ng-model="dispatch_filter.op_name" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.op_name = false;dispatch_filter.op_name = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.op_name">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_name = true">search</i>
                <label ng-bind="show_label.op_name"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'op_name'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('op_name')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.wo_no">
            <div class="filter" ng-show="dispatch_filterSH.wo_no">
                <input ng-model="dispatch_filter.wo_no">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.wo_no = false;dispatch_filter.wo_no = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.wo_no">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.wo_no = true">search</i>
                <label ng-bind="show_label.wo_no"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'wo_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('wo_no')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.plot_no">
            <div class="filter" ng-show="dispatch_filterSH.plot_no">
                <input ng-model="dispatch_filter.plot_no">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.plot_no = false;dispatch_filter.plot_no = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.plot_no">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plot_no = true">search</i>
                <label ng-bind="show_label.plot_no"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'plot_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('plot_no')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.qty">
            <div class="filter" ng-show="dispatch_filterSH.qty">
                <input ng-model="dispatch_filter.qty" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.qty = false;dispatch_filter.qty = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.qty">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.qty = true">search</i>
                <label ng-bind="show_label.qty"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'qty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('qty')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.plot_start_time">
            <div class="filter" ng-show="dispatch_filterSH.plot_start_time">
                <input ng-model="dispatch_filter.plot_start_time" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.plot_start_time = false;dispatch_filter.plot_start_time = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.plot_start_time">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plot_start_time = true">search</i>
                <label ng-bind="show_label.plot_start_time"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'plot_start_time'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('plot_start_time')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.plot_end_time">
            <div class="filter" ng-show="dispatch_filterSH.plot_end_time">
                <input ng-model="dispatch_filter.plot_end_time" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.plot_end_time = false;dispatch_filter.plot_end_time = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.plot_end_time">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plot_end_time = true">search</i>
                <label ng-bind="show_label.plot_end_time"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'plot_end_time'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('plot_end_time')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_no">
            <div class="filter" ng-show="dispatch_filterSH.item_no">
                <input ng-model="dispatch_filter.item_no" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.item_no = false;dispatch_filter.item_no = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.item_no">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_no = true">search</i>
                <label ng-bind="show_label.item_no"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'item_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('item_no')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_name">
            <div class="filter" ng-show="dispatch_filterSH.item_name">
                <input ng-model="dispatch_filter.item_name" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.item_name = false;dispatch_filter.item_name = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.item_name">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_name = true">search</i>
                <label ng-bind="show_label.item_name"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'item_name'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('item_name')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_spec">
            <div class="filter" ng-show="dispatch_filterSH.item_spec">
                <input ng-model="dispatch_filter.item_spec" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.item_spec = false;dispatch_filter.item_spec = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.item_spec">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_spec = true">search</i>
                <label ng-bind="show_label.item_spec"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'item_spec'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('item_spec')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.mono_date">
            <div class="filter" ng-show="dispatch_filterSH.mono_date">
                <input ng-model="dispatch_filter.mono_date" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.mono_date = false;dispatch_filter.mono_date = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.mono_date">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.mono_date = true">search</i>
                <label ng-bind="show_label.mono_date"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'mono_date'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('mono_date')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.accessory_no">
            <div class="filter" ng-show="dispatch_filterSH.accessory_no">
                <input ng-model="dispatch_filter.accessory_no" ng-keyup="blurSearch($event)">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.accessory_no = false;dispatch_filter.accessory_no = '';unassigned_search()">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.accessory_no">
                <!-- <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.accessory_no = true">search</i> -->
                <label ng-bind="show_label.accessory_no"></label>
                <!-- <i class="material-icons" ng-show="order_by_mode.name == 'accessory_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i> -->
                <div class="kmi-can-click" ng-click="orderbychange('accessory_no')"></div>
            </div>
        </div>
        <div class="kmi-list__column" style="flex:0 0 40px;" ng-bind="'A02.list.column18' | translate"></div>
        <!--
        <div class="kmi-list__column" style="flex:1;" ng-bind="'A02.list.column9' | translate"></div>
        <div class="kmi-list__column" style="flex:1;" ng-bind="'A02.list.column10' | translate"></div>
        <div class="kmi-list__column" style="flex:1;" ng-bind="'A02.list.column11' | translate"></div>
        -->
        <!-- <div class="kmi-list__column require" style="flex:0 0 36px;"></div> -->
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_version">
            <div class="filter" ng-show="dispatch_filterSH.item_version">
                <input ng-model="dispatch_filter.item_version">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.item_version = false;dispatch_filter.item_version = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.item_version">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_version = true">search</i>
                <label ng-bind="show_label.item_version"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'item_version'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('item_version')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.BaseProcessNo">
            <div class="filter" ng-show="dispatch_filterSH.BaseProcessNo">
                <input ng-model="dispatch_filter.BaseProcessNo">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.BaseProcessNo = false;dispatch_filter.BaseProcessNo = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.BaseProcessNo">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.BaseProcessNo = true">search</i>
                <label ng-bind="show_label.BaseProcessNo"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'BaseProcessNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('BaseProcessNo')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.BaseProcessVersion">
            <div class="filter" ng-show="dispatch_filterSH.BaseProcessVersion">
                <input ng-model="dispatch_filter.BaseProcessVersion">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.BaseProcessVersion = false;dispatch_filter.BaseProcessVersion = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.BaseProcessVersion">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.BaseProcessVersion = true">search</i>
                <label ng-bind="show_label.BaseProcessVersion"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'BaseProcessVersion'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('BaseProcessVersion')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.BoxQty">
            <div class="filter" ng-show="dispatch_filterSH.BoxQty">
                <input ng-model="dispatch_filter.BoxQty">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.BoxQty = false;dispatch_filter.BoxQty = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.BoxQty">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.BoxQty = true">search</i>
                <label ng-bind="show_label.BoxQty"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'BoxQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('BoxQty')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.CUSTOMERNO">
            <div class="filter" ng-show="dispatch_filterSH.CUSTOMERNO">
                <input ng-model="dispatch_filter.CUSTOMERNO">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.CUSTOMERNO = false;dispatch_filter.CUSTOMERNO = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.CUSTOMERNO">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.CUSTOMERNO = true">search</i>
                <label ng-bind="show_label.CUSTOMERNO"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'CUSTOMERNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('CUSTOMERNO')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.CartonQty">
            <div class="filter" ng-show="dispatch_filterSH.CartonQty">
                <input ng-model="dispatch_filter.CartonQty">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.CartonQty = false;dispatch_filter.CartonQty = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.CartonQty">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.CartonQty = true">search</i>
                <label ng-bind="show_label.CartonQty"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'CartonQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('CartonQty')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ERPMoLineNo">
            <div class="filter" ng-show="dispatch_filterSH.ERPMoLineNo">
                <input ng-model="dispatch_filter.ERPMoLineNo">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.ERPMoLineNo = false;dispatch_filter.ERPMoLineNo = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.ERPMoLineNo">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ERPMoLineNo = true">search</i>
                <label ng-bind="show_label.ERPMoLineNo"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'ERPMoLineNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('ERPMoLineNo')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.FACTORYNO">
            <div class="filter" ng-show="dispatch_filterSH.FACTORYNO">
                <input ng-model="dispatch_filter.FACTORYNO">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.FACTORYNO = false;dispatch_filter.FACTORYNO = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.FACTORYNO">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.FACTORYNO = true">search</i>
                <label ng-bind="show_label.FACTORYNO"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'FACTORYNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('FACTORYNO')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.GRAPHNO">
            <div class="filter" ng-show="dispatch_filterSH.GRAPHNO">
                <input ng-model="dispatch_filter.GRAPHNO">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.GRAPHNO = false;dispatch_filter.GRAPHNO = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.GRAPHNO">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.GRAPHNO = true">search</i>
                <label ng-bind="show_label.GRAPHNO"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'GRAPHNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('GRAPHNO')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.HotLot">
            <div class="filter" ng-show="dispatch_filterSH.HotLot">
                <input ng-model="dispatch_filter.HotLot">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.HotLot = false;dispatch_filter.HotLot = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.HotLot">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.HotLot = true">search</i>
                <label ng-bind="show_label.HotLot"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'HotLot'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('HotLot')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ITEMNO">
            <div class="filter" ng-show="dispatch_filterSH.ITEMNO">
                <input ng-model="dispatch_filter.ITEMNO">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.ITEMNO = false;dispatch_filter.ITEMNO = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.ITEMNO">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ITEMNO = true">search</i>
                <label ng-bind="show_label.ITEMNO"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'ITEMNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('ITEMNO')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTDescription">
            <div class="filter" ng-show="dispatch_filterSH.LOTDescription">
                <input ng-model="dispatch_filter.LOTDescription">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.LOTDescription = false;dispatch_filter.LOTDescription = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.LOTDescription">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTDescription = true">search</i>
                <label ng-bind="show_label.LOTDescription"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'LOTDescription'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('LOTDescription')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTPriority">
            <div class="filter" ng-show="dispatch_filterSH.LOTPriority">
                <input ng-model="dispatch_filter.LOTPriority">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.LOTPriority = false;dispatch_filter.LOTPriority = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.LOTPriority">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTPriority = true">search</i>
                <label ng-bind="show_label.LOTPriority"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'LOTPriority'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('LOTPriority')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTSTDQty">
            <div class="filter" ng-show="dispatch_filterSH.LOTSTDQty">
                <input ng-model="dispatch_filter.LOTSTDQty">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.LOTSTDQty = false;dispatch_filter.LOTSTDQty = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.LOTSTDQty">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTSTDQty = true">search</i>
                <label ng-bind="show_label.LOTSTDQty"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'LOTSTDQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('LOTSTDQty')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTplanstartdate">
            <div class="filter" ng-show="dispatch_filterSH.LOTplanstartdate">
                <input ng-model="dispatch_filter.LOTplanstartdate">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.LOTplanstartdate = false;dispatch_filter.LOTplanstartdate = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.LOTplanstartdate">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTplanstartdate = true">search</i>
                <label ng-bind="show_label.LOTplanstartdate"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'LOTplanstartdate'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('LOTplanstartdate')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MOPRIORITY">
            <div class="filter" ng-show="dispatch_filterSH.MOPRIORITY">
                <input ng-model="dispatch_filter.MOPRIORITY">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MOPRIORITY = false;dispatch_filter.MOPRIORITY = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MOPRIORITY">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MOPRIORITY = true">search</i>
                <label ng-bind="show_label.MOPRIORITY"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MOPRIORITY'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MOPRIORITY')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MOUNITNO">
            <div class="filter" ng-show="dispatch_filterSH.MOUNITNO">
                <input ng-model="dispatch_filter.MOUNITNO">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MOUNITNO = false;dispatch_filter.MOUNITNO = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MOUNITNO">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MOUNITNO = true">search</i>
                <label ng-bind="show_label.MOUNITNO"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MOUNITNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MOUNITNO')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MOplanstartdate">
            <div class="filter" ng-show="dispatch_filterSH.MOplanstartdate">
                <input ng-model="dispatch_filter.MOplanstartdate">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MOplanstartdate = false;dispatch_filter.MOplanstartdate = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MOplanstartdate">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MOplanstartdate = true">search</i>
                <label ng-bind="show_label.MOplanstartdate"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MOplanstartdate'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MOplanstartdate')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MPQty">
            <div class="filter" ng-show="dispatch_filterSH.MPQty">
                <input ng-model="dispatch_filter.MPQty">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MPQty = false;dispatch_filter.MPQty = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MPQty">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MPQty = true">search</i>
                <label ng-bind="show_label.MPQty"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MPQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MPQty')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoDescription">
            <div class="filter" ng-show="dispatch_filterSH.MoDescription">
                <input ng-model="dispatch_filter.MoDescription">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoDescription = false;dispatch_filter.MoDescription = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoDescription">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoDescription = true">search</i>
                <label ng-bind="show_label.MoDescription"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoDescription'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoDescription')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoSource">
            <div class="filter" ng-show="dispatch_filterSH.MoSource">
                <input ng-model="dispatch_filter.MoSource">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoSource = false;dispatch_filter.MoSource = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoSource">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoSource = true">search</i>
                <label ng-bind="show_label.MoSource"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoSource'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoSource')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined01">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined01">
                <input ng-model="dispatch_filter.MoUser_Defined01">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined01 = false;dispatch_filter.MoUser_Defined01 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined01">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined01 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined01"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined01'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined01')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined02">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined02">
                <input ng-model="dispatch_filter.MoUser_Defined02">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined02 = false;dispatch_filter.MoUser_Defined02 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined02">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined02 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined02"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined02'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined02')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined03">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined03">
                <input ng-model="dispatch_filter.MoUser_Defined03">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined03 = false;dispatch_filter.MoUser_Defined03 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined03">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined03 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined03"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined03'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined03')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined04">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined04">
                <input ng-model="dispatch_filter.MoUser_Defined04">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined04 = false;dispatch_filter.MoUser_Defined04 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined04">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined04 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined04"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined04'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined04')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined05">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined05">
                <input ng-model="dispatch_filter.MoUser_Defined05">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined05 = false;dispatch_filter.MoUser_Defined05 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined05">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined05 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined05"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined05'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined05')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined11">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined11">
                <input ng-model="dispatch_filter.MoUser_Defined11">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined11 = false;dispatch_filter.MoUser_Defined11 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined11">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined11 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined11"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined11'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined11')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined12">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined12">
                <input ng-model="dispatch_filter.MoUser_Defined12">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined12 = false;dispatch_filter.MoUser_Defined12 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined12">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined12 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined12"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined12'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined12')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined13">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined13">
                <input ng-model="dispatch_filter.MoUser_Defined13">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined13 = false;dispatch_filter.MoUser_Defined13 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined13">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined13 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined13"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined13'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined13')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined21">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined21">
                <input ng-model="dispatch_filter.MoUser_Defined21">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined21 = false;dispatch_filter.MoUser_Defined21 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined21">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined21 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined21"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined21'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined21')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined22">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined22">
                <input ng-model="dispatch_filter.MoUser_Defined22">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined22 = false;dispatch_filter.MoUser_Defined22 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined22">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined22 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined22"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined22'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined22')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined23">
            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined23">
                <input ng-model="dispatch_filter.MoUser_Defined23">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.MoUser_Defined23 = false;dispatch_filter.MoUser_Defined23 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined23">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined23 = true">search</i>
                <label ng-bind="show_label.MoUser_Defined23"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined23'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined23')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PRODUCTTYPE">
            <div class="filter" ng-show="dispatch_filterSH.PRODUCTTYPE">
                <input ng-model="dispatch_filter.PRODUCTTYPE">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PRODUCTTYPE = false;dispatch_filter.PRODUCTTYPE = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PRODUCTTYPE">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PRODUCTTYPE = true">search</i>
                <label ng-bind="show_label.PRODUCTTYPE"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PRODUCTTYPE'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PRODUCTTYPE')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PalletQty">
            <div class="filter" ng-show="dispatch_filterSH.PalletQty">
                <input ng-model="dispatch_filter.PalletQty">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PalletQty = false;dispatch_filter.PalletQty = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PalletQty">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PalletQty = true">search</i>
                <label ng-bind="show_label.PalletQty"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PalletQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PalletQty')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdDescription">
            <div class="filter" ng-show="dispatch_filterSH.PrdDescription">
                <input ng-model="dispatch_filter.PrdDescription">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdDescription = false;dispatch_filter.PrdDescription = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdDescription">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdDescription = true">search</i>
                <label ng-bind="show_label.PrdDescription"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdDescription'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdDescription')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined01">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined01">
                <input ng-model="dispatch_filter.PrdUser_Defined01">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined01 = false;dispatch_filter.PrdUser_Defined01 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined01">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined01 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined01"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined01'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined01')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined02">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined02">
                <input ng-model="dispatch_filter.PrdUser_Defined02">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined02 = false;dispatch_filter.PrdUser_Defined02 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined02">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined02 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined02"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined02'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined02')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined03">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined03">
                <input ng-model="dispatch_filter.PrdUser_Defined03">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined03 = false;dispatch_filter.PrdUser_Defined03 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined03">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined03 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined03"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined03'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined03')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined04">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined04">
                <input ng-model="dispatch_filter.PrdUser_Defined04">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined04 = false;dispatch_filter.PrdUser_Defined04 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined04">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined04 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined04"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined04'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined04')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined05">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined05">
                <input ng-model="dispatch_filter.PrdUser_Defined05">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined05 = false;dispatch_filter.PrdUser_Defined05 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined05">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined05 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined05"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined05'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined05')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined11">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined11">
                <input ng-model="dispatch_filter.PrdUser_Defined11">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined11 = false;dispatch_filter.PrdUser_Defined11 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined11">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined11 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined11"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined11'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined11')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined12">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined12">
                <input ng-model="dispatch_filter.PrdUser_Defined12">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined12 = false;dispatch_filter.PrdUser_Defined12 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined12">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined12 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined12"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined12'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined12')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined13">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined13">
                <input ng-model="dispatch_filter.PrdUser_Defined13">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined13 = false;dispatch_filter.PrdUser_Defined13 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined13">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined13 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined13"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined13'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined13')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined21">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined21">
                <input ng-model="dispatch_filter.PrdUser_Defined21">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined21 = false;dispatch_filter.PrdUser_Defined21 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined21">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined21 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined21"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined21'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined21')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined22">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined22">
                <input ng-model="dispatch_filter.PrdUser_Defined22">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined22 = false;dispatch_filter.PrdUser_Defined22 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined22">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined22 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined22"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined22'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined22')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined23">
            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined23">
                <input ng-model="dispatch_filter.PrdUser_Defined23">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PrdUser_Defined23 = false;dispatch_filter.PrdUser_Defined23 = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined23">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined23 = true">search</i>
                <label ng-bind="show_label.PrdUser_Defined23"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined23'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined23')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PriceType">
            <div class="filter" ng-show="dispatch_filterSH.PriceType">
                <input ng-model="dispatch_filter.PriceType">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.PriceType = false;dispatch_filter.PriceType = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.PriceType">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PriceType = true">search</i>
                <label ng-bind="show_label.PriceType"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'PriceType'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('PriceType')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ProductCode">
            <div class="filter" ng-show="dispatch_filterSH.ProductCode">
                <input ng-model="dispatch_filter.ProductCode">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.ProductCode = false;dispatch_filter.ProductCode = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.ProductCode">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ProductCode = true">search</i>
                <label ng-bind="show_label.ProductCode"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'ProductCode'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('ProductCode')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ProductPCSNo">
            <div class="filter" ng-show="dispatch_filterSH.ProductPCSNo">
                <input ng-model="dispatch_filter.ProductPCSNo">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.ProductPCSNo = false;dispatch_filter.ProductPCSNo = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.ProductPCSNo">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ProductPCSNo = true">search</i>
                <label ng-bind="show_label.ProductPCSNo"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'ProductPCSNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('ProductPCSNo')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.QCCategory">
            <div class="filter" ng-show="dispatch_filterSH.QCCategory">
                <input ng-model="dispatch_filter.QCCategory">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.QCCategory = false;dispatch_filter.QCCategory = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.QCCategory">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.QCCategory = true">search</i>
                <label ng-bind="show_label.QCCategory"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'QCCategory'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('QCCategory')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.RONO">
            <div class="filter" ng-show="dispatch_filterSH.RONO">
                <input ng-model="dispatch_filter.RONO">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.RONO = false;dispatch_filter.RONO = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.RONO">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.RONO = true">search</i>
                <label ng-bind="show_label.RONO"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'RONO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('RONO')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.SerialTypeNo_COMP">
            <div class="filter" ng-show="dispatch_filterSH.SerialTypeNo_COMP">
                <input ng-model="dispatch_filter.SerialTypeNo_COMP">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.SerialTypeNo_COMP = false;dispatch_filter.SerialTypeNo_COMP = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.SerialTypeNo_COMP">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.SerialTypeNo_COMP = true">search</i>
                <label ng-bind="show_label.SerialTypeNo_COMP"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'SerialTypeNo_COMP'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('SerialTypeNo_COMP')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.SerialTypeNo_LOT">
            <div class="filter" ng-show="dispatch_filterSH.SerialTypeNo_LOT">
                <input ng-model="dispatch_filter.SerialTypeNo_LOT">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.SerialTypeNo_LOT = false;dispatch_filter.SerialTypeNo_LOT = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.SerialTypeNo_LOT">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.SerialTypeNo_LOT = true">search</i>
                <label ng-bind="show_label.SerialTypeNo_LOT"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'SerialTypeNo_LOT'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('SerialTypeNo_LOT')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.SpecNo">
            <div class="filter" ng-show="dispatch_filterSH.SpecNo">
                <input ng-model="dispatch_filter.SpecNo">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.SpecNo = false;dispatch_filter.SpecNo = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.SpecNo">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.SpecNo = true">search</i>
                <label ng-bind="show_label.SpecNo"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'SpecNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('SpecNo')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.StockInLotNo">
            <div class="filter" ng-show="dispatch_filterSH.StockInLotNo">
                <input ng-model="dispatch_filter.StockInLotNo">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.StockInLotNo = false;dispatch_filter.StockInLotNo = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.StockInLotNo">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.StockInLotNo = true">search</i>
                <label ng-bind="show_label.StockInLotNo"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'StockInLotNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('StockInLotNo')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.Storage_Spaces_No">
            <div class="filter" ng-show="dispatch_filterSH.Storage_Spaces_No">
                <input ng-model="dispatch_filter.Storage_Spaces_No">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.Storage_Spaces_No = false;dispatch_filter.Storage_Spaces_No = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.Storage_Spaces_No">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.Storage_Spaces_No = true">search</i>
                <label ng-bind="show_label.Storage_Spaces_No"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'Storage_Spaces_No'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('Storage_Spaces_No')"></div>
            </div>
        </div>
        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.Warehouse_No">
            <div class="filter" ng-show="dispatch_filterSH.Warehouse_No">
                <input ng-model="dispatch_filter.Warehouse_No">
                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                    ng-click="dispatch_filterSH.Warehouse_No = false;dispatch_filter.Warehouse_No = '';">clear</i>
            </div>
            <div class="order" ng-hide="dispatch_filterSH.Warehouse_No">
                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.Warehouse_No = true">search</i>
                <label ng-bind="show_label.Warehouse_No"></label>
                <i class="material-icons" ng-show="order_by_mode.name == 'Warehouse_No'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                <div class="kmi-can-click" ng-click="orderbychange('Warehouse_No')"></div>
            </div>
        </div>
    </div>
    <div class="kmi-list__row-content">
        <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
        <div class="kmi-list__row" ng-repeat="item in getPages(dispatch_detail, PageConfig,dispatch_filter) track by $index" ng-class="{'log-priority':item.HotLot=='1'}">
            <div class="kmi-list__column" style="flex:0 0 32px;">
                <div class="kmi-list__column-left-btn">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemSelect($index,item);">
                        <img ng-show="item.checked!='Y'" src="image/icons/check0.png" style="height:20px;width:20px;"></img>
                        <img ng-show="item.checked=='Y'" src="image/icons/check1.png" style="height:20px;width:20px;"></img>
                    </button>
                </div>
            </div>
            <!--<div class="kmi-list__column" style="flex:0 0 36px;">
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemSendwork($index,item);">
                    <img src="image/icons/move1.png"></img>
                </button>
            </div>-->
            <div class="kmi-list__column" style="flex:0 0 36px;" id="{{'item' + $index}}"  ng-mouseenter="showTips(item, $event, $index)" ng-mouseleave="hideTips(item, $event)" ng-show="moreInfoList.length > 0">
                <button class="mdl-button mdl-js-button mdl-button--icon"
                        style="width: 24px; background: #1ab7cd; border-radius: 4px;">
                        <img src="image/icons/mould.png"></img>
                    <div class="kmi-can-click"></div>
                </button>
            </div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.op_no" ng-show="show_flag.op_no"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.op_name" ng-show="show_flag.op_name"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.wo_no" ng-show="show_flag.wo_no"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.plot_no" ng-show="show_flag.plot_no"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.qty" ng-show="show_flag.qty"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.plot_start_time" ng-show="show_flag.plot_start_time"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.plot_end_time" ng-show="show_flag.plot_end_time"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.item_no" ng-show="show_flag.item_no"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.item_name" ng-show="show_flag.item_name"></div>
            <div class="kmi-list__column" style="flex:0 0 110px;" ng-bind="item.item_spec" ng-show="show_flag.item_spec"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.mono_date" ng-show="show_flag.mono_date"></div>
            <!--
            <div class="kmi-list__column" style="flex:1;" ng-bind="item.from_op_no_completed_qty"></div>
            <div class="kmi-list__column" style="flex:1;" ng-bind="item.from_op_no_dispatched_qty"></div>
            <div class="kmi-list__column" style="flex:1;" ng-bind="item.to_op_no_dispatched_qty"></div>
            -->
            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.lst_accessory.length>0? item.lst_accessory[0].accessory_no:''" ng-show="show_flag.accessory_no"></div>
            <div class="kmi-list__column" style="flex:0 0 40px; ">
                <button class="mdl-button mdl-js-button mdl-button--icon"
                        style="width: 24px; background: #ececec; border-radius: 4px;">
                        <img src="image/icons/mould.png"></img>
                    <div class="kmi-can-click" ng-click="itemAccessory(item);"></div>
                </button>
            </div>
            <!-- <div class="kmi-list__column" style="flex:0 0 36px;">
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemSendwork($index,item);">
                    <img src="image/icons/move1.png"></img>
                </button>
            </div> -->
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.item_version" ng-show="show_flag.item_version"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.BaseProcessNo" ng-show="show_flag.BaseProcessNo"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.BaseProcessVersion" ng-show="show_flag.BaseProcessVersion"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.BoxQty" ng-show="show_flag.BoxQty"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.CUSTOMERNO" ng-show="show_flag.CUSTOMERNO"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.CartonQty" ng-show="show_flag.CartonQty"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ERPMoLineNo" ng-show="show_flag.ERPMoLineNo"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.FACTORYNO" ng-show="show_flag.FACTORYNO"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.GRAPHNO" ng-show="show_flag.GRAPHNO"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.HotLot" ng-show="show_flag.HotLot"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ITEMNO" ng-show="show_flag.ITEMNO"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTDescription" ng-show="show_flag.LOTDescription"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTPriority" ng-show="show_flag.LOTPriority"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTSTDQty" ng-show="show_flag.LOTSTDQty"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTplanstartdate" ng-show="show_flag.LOTplanstartdate"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MOPRIORITY" ng-show="show_flag.MOPRIORITY"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MOUNITNO" ng-show="show_flag.MOUNITNO"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MOplanstartdate" ng-show="show_flag.MOplanstartdate"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MPQty" ng-show="show_flag.MPQty"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoDescription" ng-show="show_flag.MoDescription"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoSource" ng-show="show_flag.MoSource"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined01" ng-show="show_flag.MoUser_Defined01"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined02" ng-show="show_flag.MoUser_Defined02"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined03" ng-show="show_flag.MoUser_Defined03"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined04" ng-show="show_flag.MoUser_Defined04"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined05" ng-show="show_flag.MoUser_Defined05"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined11" ng-show="show_flag.MoUser_Defined11"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined12" ng-show="show_flag.MoUser_Defined12"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined13" ng-show="show_flag.MoUser_Defined13"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined21" ng-show="show_flag.MoUser_Defined21"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined22" ng-show="show_flag.MoUser_Defined22"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined23" ng-show="show_flag.MoUser_Defined23"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PRODUCTTYPE" ng-show="show_flag.PRODUCTTYPE"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PalletQty" ng-show="show_flag.PalletQty"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdDescription" ng-show="show_flag.PrdDescription"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined01" ng-show="show_flag.PrdUser_Defined01"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined02" ng-show="show_flag.PrdUser_Defined02"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined03" ng-show="show_flag.PrdUser_Defined03"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined04" ng-show="show_flag.PrdUser_Defined04"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined05" ng-show="show_flag.PrdUser_Defined05"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined11" ng-show="show_flag.PrdUser_Defined11"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined12" ng-show="show_flag.PrdUser_Defined12"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined13" ng-show="show_flag.PrdUser_Defined13"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined21" ng-show="show_flag.PrdUser_Defined21"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined22" ng-show="show_flag.PrdUser_Defined22"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined23" ng-show="show_flag.PrdUser_Defined23"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PriceType" ng-show="show_flag.PriceType"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ProductCode" ng-show="show_flag.ProductCode"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ProductPCSNo" ng-show="show_flag.ProductPCSNo"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.QCCategory" ng-show="show_flag.QCCategory"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.RONO" ng-show="show_flag.RONO"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.SerialTypeNo_LOT" ng-show="show_flag.SerialTypeNo_LOT"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.SpecNo" ng-show="show_flag.SpecNo"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.StockInLotNo" ng-show="show_flag.StockInLotNo"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.Storage_Spaces_No" ng-show="show_flag.Storage_Spaces_No"></div>
            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.Warehouse_No" ng-show="show_flag.Warehouse_No"></div>
        </div>
    </div>
</div>